<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>登录界面</title>
    <link type="favicon" rel="shortcut icon" href="../images/pns.png">
    <!-- 引入Jquery  -->
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
    <!-- 引入Layui.css -->
    <link rel="stylesheet" th:href="@{/lib/layui-v2.6.3/css/layui.css}">
    <!-- 引入Layui.js -->
    <script th:src="@{/lib/layui-v2.6.3/layui.js}" /></script>
    <script th:src="@{/js/login.js}"></script>
    <link rel="stylesheet" th:href="@{/css/login.css}">
</head>

<body>
<div class="layui-form" id="loginForm">
    <div class="layui-form-item">
        <h1>后&nbsp;台&nbsp;管&nbsp;理&nbsp;系&nbsp;统&nbsp;登&nbsp;录</h1>
    </div>

    <div class="layui-form-item">
        <div class="layui-input-block">
            <span class="decrib">账号：</span>
            <input type="text" name="username" placeholder="请输入账号" autocomplete="off" class="layui-input" id="username" required="">
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-input-block">
            <span class="decrib">密码：</span>
            <input type="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input" id="password" required="">
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-input-block">
            <span class="decrib">验证：</span>
            <input type="text" placeholder="请输入验证码" class="input-val" autocomplete="off" required="">
            <canvas id="canvas" width="100" height="44">
            </canvas>
        </div>
    </div>
    <br>
    <div class="layui-form-item">
        <div class="layui-input-block login">
            <button class="layui-btn layui-btn-bypercent-left btn" id="submit">登 录</button> &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;
        </div>
    </div>
    <br>
    <br>
    <!--<span class="forget"><a th:href="@{/user/forget}">忘记密码?</a></span>-->
</div>
</body>

</html>